<!DOCTYPE html>
<html lang="en"  style="height: auto;">
<head>
    <meta charset="UTF-8">
    <title>煤矿水文监测系统 </title>
    <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"><!--ie低版本采用高版本浏览器渲染模式-->
    <!--告诉IE是用最新的渲染模式防止低版本浏览器不兼容CSS属性-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=0, target-densitydpi=medium-dpi">-->
    <!--宽度等于设备宽度,不许用户缩-->
    <meta property="wb:webmaster" content="61ef827421820a85"><!--微博登录声明-->
    <meta property="qc:admins" content="153033120760567656375"><!--qq登录声明-->
    <meta name="description" content=""><!--网站描述-->
    <meta name="keywords" content=""><!--关键字-->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><!--logo-->
    <link href="${basePath}static/css/index.css" rel="stylesheet">
    <script src="${basePath}static/js/jquery-1.11.1.min.js"></script>
    <script src="${basePath}static/js/echarts.min.js"></script>
    <style>
        body{
            background: url("${basePath}static/images/screenBg.png") no-repeat;
            background-size: cover;
        }
    </style>
</head>
<body style="position: relative;height: auto;">
<div class="content-wel">
    <a href="${basePath}index" class="goHome goHome1">后台管理</a>
    <div class="echarts-main">
        <div class="echarts-item">
            <div class="pie-charts-first" style="width: 18rem;height: 13rem;margin: 0 auto;padding-top:10px; " id="pie-charts-first"></div>
            <div class="sijiao sijiao1"></div>
            <div class="sijiao sijiao2"></div>
            <div class="sijiao sijiao3"></div>
            <div class="sijiao sijiao4"></div>
            <div class="fengexian"> </div>
            <div class="pie-charts-first-info">
                <div class="pie-charts-first-info-item">
                    <span>总站点数</span>
                    <i style="color: #fff;">2</i>
                </div>
                <div class="pie-charts-first-info-item">
                    <span>今日异常站点</span>
                    <i style="color: #fe7d03;">2</i>
                </div>
                <div class="pie-charts-first-info-item">
                    <span>本周异常总数</span>
                    <i style="color: #f85066;">2</i>
                 </div>
            </div>
        </div>
        <div class="echarts-item item-flex2">
            <div class="pie-charts-sen" style="width: 40rem;height: 20rem;margin: 0 auto;padding-top:10px; " id="pie-charts-sen"></div>
            <div class="sijiao sijiao1"></div>
            <div class="sijiao sijiao2"></div>
            <div class="sijiao sijiao3"></div>
            <div class="sijiao sijiao4"></div>
        </div>
        <div class="echarts-item">
            <div style="width: 100%;color:#fff;margin: 0 auto; font-size: 18px;text-align: center;padding-top: 10px;">站点实时监测</div>
            <div class="pie-charts-thir" style="width: 18rem;height: 14rem;margin: 0 auto;" id="pie-charts-thir"></div>
            <div class="sijiao sijiao1"></div>
            <div class="sijiao sijiao2"></div>
            <div class="sijiao sijiao3"></div>
            <div class="sijiao sijiao4"></div>
        </div>
    </div>
    <div class="echarts-main-two">
        <div class="echarts-main-two-item">
            <div class="echarts-item-coml">
                <div class="sijiao sijiao1"></div>
                <div class="sijiao sijiao2"></div>
                <div class="sijiao sijiao3"></div>
                <div class="sijiao sijiao4"></div>
            </div>
            <div class="echarts-item-coml" style="    margin-top: 10px;">
                <div class="sijiao sijiao1"></div>
                <div class="sijiao sijiao2"></div>
                <div class="sijiao sijiao3"></div>
                <div class="sijiao sijiao4"></div>
            </div>
        </div>
        <div class="echarts-main-two-item echarts-main-two-item-flex3">
            <div class="sijiao sijiao1"></div>
            <div class="sijiao sijiao2"></div>
            <div class="sijiao sijiao3"></div>
            <div class="sijiao sijiao4"></div>
        </div>
    </div>
</div>
</body>
</html>
<script src="${basePath}static/js/charts.js"></script>